<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title>大屏展示</title>
		<link rel="stylesheet" type="text/css" href="assets/css/style.css"/>
		<script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/ajax.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/charts.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container">
			<div class="part-1">
				<div class="box-t solid">
					<p class="h">供应商资质能力审核</p>
					<p><span class="light">679</span> 个</p>
					<p>供应商资质信息真实</p>
					<div class="arrow"></div>
				</div>
				<div class="box-b dashed">
					<!-- <div class="title">招标采购合同</div> -->
					<img src="assets/img/title_01.png" >
				</div>
			</div>
			<div class="part-2">
				<div class="box-t solid">
					<div class="item-l">
						<p class="h select">
							<select name="year">
								<option value="2020">2020年</option>
								<option value="2019">2019年</option>
							</select>
							<span>监造下达情况</span>
						</p>
						<div class="b" id="chart1"></div>
					</div>
					<div class="item-r">
						<!-- <p class="h t">监造策略应用情况</p> -->
						<div class="item" id="chart2"></div>
						<div class="item" id="chart3"></div>
					</div>
					<div class="arrow l"></div>
					<div class="arrow r"></div>
				</div>
				<div class="box-b solid">
					<div class="l-1 item">
						<p class="h t">抽检</p>
						<p>计划下达 <span class="light">3499</span> 条</p>
						<p>已取样 <span class="light">3499</span> 条</p>
					</div>
					<div class="l-2 item" id="chart4"></div>
					<div class="l-3 item" id="chart5"></div>
					<div class="l-4 item" id="chart6"></div>
					<div class="arrow l"></div>
					<div class="arrow r"></div>
				</div>
			</div>
			<div class="part-3">
				<div class="box dashed">
					<!-- <div class="title">供应履约</div> -->
					<img src="assets/img/title_02.png" >
				</div>
			</div>
			<div class="part-4">
				<div class="box-t solid">
					<p class="h t">供应商绩效评价</p>
					<p class="select">
						<span>时间</span>
						<select name="year">
							<option value="2020">2020年</option>
							<option value="2019">2019年</option>
						</select>
					</p>
					<div class="item" id="chart7"></div>
					<div class="arrow"></div>
				</div>
				<div class="box-b solid">
					<div class="item">
						<p class="h t">不良行为处理</p>
						<div class="gysNum">
							<div class="l">
								<img src="assets/img/blxw_icon_01.png">
								<div class="cont">
									<p class="h">停标供应商</p>
									<p><span class="light">10</span> 个</p>
								</div>
							</div>
							<div class="r">
								<img src="assets/img/blxw_icon_02.png">
								<div class="cont">
									<p class="h">黑名单供应商</p>
									<p><span class="light">20</span> 个</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item" id="chart8"></div>
					<div class="arrow"></div>
				</div>
			</div>
			<!-- 虚线箭头 -->
			<div class="jt dashed">
				<div class="line-1"></div>
				<div class="line-2"></div>
				<div class="line-3"></div>
				<img src="assets/img/jiantou_02.png" >
			</div>
		</div>
		<script src="assets/js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
